<template lang="html">
  <mt-swipe :auto="4000">
    <mt-swipe-item v-for="(item, index) in swiperData" :key="index">
      <img :src="item.image">
    </mt-swipe-item>
  </mt-swipe>

</template>

<script>
export default {
  props: {
    swiperData: {
      type: Array,
      default: function () {
        return []
      }
    }
  }
}
</script>

<style lang="less" scoped>

.mint-swipe {
  width: 100%;
  height: 50vw;

  a, img {
    display: block;
    width: 100%;
    height: 100%;
  }
}
</style>
